import * as React from 'react';
// 引入路由相关一些组件
import { BrowserRouter, Switch, Route } from 'react-router-dom';

// 以下是各组件引入
import Hello from '../components/Hello';
import Box from '../components/Box/Box';


// 配置路由页面
export default class RoutersConfig extends React.Component {
  render() {
    return (
      <BrowserRouter basename="/">
        <Switch>
          {/* 渲染book/页面 使用indexweb组件 */}
          <Route path="/" component={Box} />
          {/* 首页面，利用render渲染，里面是CommentBox组件，还可以传递参数 */}
          <Route path="/" exact render={props => (
            <Hello name="TypeScript" enthusiasmLevel={10} />
          )} />
        </Switch>
      </BrowserRouter>
    );
  }
}


